<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="google" value="notranslate">
  <style>
    h1 {
      border-bottom: 1px solid #c0c0c0;
      margin-bottom: 10px;
      padding-bottom: 10px;
      white-space: nowrap;
    }

    table {
      border-collapse: collapse;
    }

    th {
      cursor: pointer;
    }

    td.detailsColumn {
      -webkit-padding-start: 2em;
      text-align: end;
      white-space: nowrap;
    }

    a.icon {
      -webkit-padding-start: 1.5em;
      text-decoration: none;
    }

    a.icon:hover {
      text-decoration: underline;
    }

    a.file {
      background: url(" ") left top no-repeat;
    }

    a.dir {
      background: url(" ") left top no-repeat;
    }

    a.up {
      background: url(" ") left top no-repeat;
    }

    html[dir=rtl] a {
      background-position-x: right;
    }

    #listingParsingErrorBox {
      border: 1px solid black;
      background: #fae691;
      padding: 10px;
      display: none;
    }
  </style>
  <title id="title">C:\dev\ 的索引</title>
</head>

<body>
  <div id="listingParsingErrorBox" i18n-values=".innerHTML:listingParsingErrorBoxText">糟糕！Google Chrome无法解读服务器所发送的数据。请<a href="http://code.google.com/p/chromium/issues/entry">报告错误</a>，并附上<a href="LOCATION">原始列表</a>。</div>
  <span id="parentDirText" style="display:none" i18n-content="parentDirText">[上级目录]</span>
  <h1 id="header" i18n-content="header">C:\dev\ 的索引</h1>
  <table>
    <thead>
      <tr class="header" id="theader">
        <th i18n-content="headerName" onclick="javascript:sortTable(0);">名称</th>
        <th class="detailsColumn" i18n-content="headerSize" onclick="javascript:sortTable(1);">大小</th>
        <th class="detailsColumn" i18n-content="headerDateModified" onclick="javascript:sortTable(2);">修改日期</th>
      </tr>
    </thead>
    <tbody id="tbody">
      <tr>
        <td data-value=".."><a class="icon up" href="#">[上级目录]</a></td>
        <td class="detailsColumn" data-value="0"></td>
        <td class="detailsColumn" data-value="0"></td>
      </tr>
      <tr>
        <td data-value="传智播放器v3.0正式版/"><a class="icon dir" href="#">目录名称</a></td>
        <td class="detailsColumn" data-value="0"></td>
        <td class="detailsColumn" data-value="1489037313">2017/3/9 下午1:28:33</td>
      </tr>
      {{each arr}}
        <tr>
          <td data-value="传智播放器v3.0正式版/"><a class="icon dir" href="#">{{ $value.name }}</a></td>
          <td class="detailsColumn" data-value="0">{{ $value.size }}</td>
          <td class="detailsColumn" data-value="1489037313">{{ $value.time }}</td>
        </tr>
      {{/each}}
    </tbody>
  </table>
</body>

</html>